// 引入 variables.scss 以使用全局变量
@import '@/styles/variables';

.container {
    display: flex;
    flex-direction: column;
}

.phoneRow {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 48px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e6eb;

    .input {
        flex: 1;
        margin-left: 16px;
        font-size: 30px;
        color: $title-color;
    }
}

.checkboxContainer {
    display: flex;
    align-items: center;
}

.codeRow {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 64px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e6eb;

    .input {
        flex: 1;
        margin-left: 16px;
        margin-top: 6px;
        font-size: 30px;
        color: $title-color;
    }

    .sendBtn {
        background-color: $bg-white;
        font-size: 30px;
        color: $primary-color;
    }
}


.agreement {
    text-align: center;
    font-size: $font-size-base;
    color: $sub-title-color;
    margin-bottom: 24px;

    .link {
        color: $primary-color;
    }
}